@import '../_common/styles/common'

.sidebar-view
    background-color white
    border-right 1px solid rgba(0, 0, 0, 0.2)
    +gt-sm()
        &.ng-enter
            animation slideInLeft .8s
    +sm()
        position fixed
        height 100%
        width $sidebarWidth
        box-shadow 3px 0 6px rgba(0, 0, 0, 0.2)
        transform translateX(-1 * $sidebarWidth)
        transition box-shadow, transform .6s cubic-bezier(0.23, 1, 0.32, 1)
        z-index 999
        &.show
            transform none
    .sidebar
        width $sidebarWidth
        .sidebar-menu
            list-style none
            .menu-item
                border-bottom 1px solid rgba(0, 0, 0, 0.2)
                i
                    color #9e9e9e
                &.active
                    border-radius 5px
                    background-color rgba(146, 205, 255, 0.42)
                    i
                        color #4CAF50
                    &:hover
                        background-color rgba(146, 205, 255, 0.42)
                &:hover
                    text-shadow 2px 2px rgba(0, 0, 0, 0.2)
                    background-color #eee
                .link
                    width 100%
